<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>辅助发布</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/weuix.css"/>
    <link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.ico">
    <script src="../js/zepto.min.js"></script>
    <script src="../js/zepto.weui.js"></script>

    <style>
    .weui-heade a {
        color: black;
    }

    .f-white {
        
        color: black !important;
    }

    .weui-header {
        background-color: #f4f4f4;
 
    }

    .bgc {
        background-color: #f4f4f4;
    }

    .send a{
        margin-top: 10px;
        overflow: hidden;
        background-color:#027aff;
        width: 80%;
        height: 80%;
        line-height: 190%;
    }

    .send {
        background-color: #f4f4f4;
        font-weight: 600;
    }

    body {
        background-color: #f4f4f4;
    }

    .weui-search-bar__box {
       line-height: 34px;
        height: 34px;
    }

    .weui-search-bar {
        background-color: #f4f4f4;
        margin-bottom: 10px;

 
    }

    img {
        height: 50px;
        width: 50px !important;
        border-radius: 5px;
    }

    .weui-cell__bd p {
        padding-left: 20px;
    }


    
    .icon {
            color: #027aff

        }

        .icon-19 {
            padding-right: 5px;
        }
    </style>

</head>
<body>
        <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="weui-header bg-blue"> 
                        <div class="weui-header-left">
                             <a class="icon icon-109 f-white">&nbsp;&nbsp;选择</a>
                          </div>
                            <h1 class="weui-header-title"></h1>
                            <div class="weui-header-right"></div> 
                    </div>
                </div>
                <div class="weui-flex__item bgc"> <a href="javascript:;" class="weui-btn "></a></div>
                <div class="weui-flex__item send"> <a href="javascript:;" class="weui-btn bg-blue">发送</a></div>
           
            </div>


            <div class="weui-search-bar" id="searchBar">
                    <form class="weui-search-bar__form" action="#">
                        <div class="weui-search-bar__box">
                            <i class="weui-icon-search"></i>
                            <input class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="" type="search">
                            <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                        </div>
                        <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
                            <i class="weui-icon-search"></i>
                            <span>搜索</span>
                        </label>
                    </form>
                    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
                </div>
                <div class="weui-cells">

                        <a class="weui-cell weui-cell_access" href="javascript:;">
                            <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                            <div class="weui-cell__bd">
                              


                                     
                                                <label class="weui-cell weui-check__label" for="s11">
                                                    <div class="weui-cell__bd">
                                                       <p>商家1</p>
                                                    </div>
                                                    <div class="weui-cell__hd hd1">
                                                        <input class="weui-check" name="checkbox1" id="s11" checked="checked" type="checkbox">
                                                        <i   class="icon icon-19 ">
                                        
                                                        </i>
                                                    </div>
                                                </label>
                                             
                                       


                            </div>
                           
                        </a>
                        <a class="weui-cell weui-cell_access" href="javascript:;">
                                <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                                <div class="weui-cell__bd">
                                  
    
    
                                         
                                                    <label class="weui-cell weui-check__label" for="s11">
                                                        <div class="weui-cell__bd">
                                                           <p>商家1</p>
                                                        </div>
                                                        <div class="weui-cell__hd hd1">
                                                            <input class="weui-check" name="checkbox1" id="s11" checked="checked" type="checkbox">
                                                            <i   class="icon icon-19 ">
                                            
                                                            </i>
                                                        </div>
                                                    </label>
                                                 
                                           
    
    
                                </div>
                               
                            </a>

                            <a class="weui-cell weui-cell_access" href="javascript:;">
                                    <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                                    <div class="weui-cell__bd">
                                      
        
        
                                             
                                                        <label class="weui-cell weui-check__label" for="s11">
                                                            <div class="weui-cell__bd">
                                                               <p>商家1</p>
                                                            </div>
                                                            <div class="weui-cell__hd hd1">
                                                                <input class="weui-check" name="checkbox1" id="s11" checked="checked" type="checkbox">
                                                                <i   class="icon icon-19 ">
                                                
                                                                </i>
                                                            </div>
                                                        </label>
                                                     
                                               
        
        
                                    </div>
                                   
                                </a>
                    </div>
                </div>

                <script>
                $(
                    function(){

                        var hd1s = $('.hd1');

                        for(var i = 0; i < hd1s.length; i++) {
                            var that = hd1s[i];
                            var count = 1; 
               $(that,count).click(function () {
                   var then = that;
                $(then).toggleClass(' icon icon-18');
              

                if(count == 1) {
                    $(then).children('i').removeClass('icon-19')
                    count = 0;
                }else {
                    $(then).children('i').addClass('icon-19')
                    count = 1;
                }
            })
                        }

                        })
            

     
            


            // var count1 = 1; 
            // $('.hd1').click(function () {
            

            //     $(this).toggleClass(' icon icon-18');

            //     if(count1 == 1) {
            //         $('.hd1 > i').removeClass('icon-19')
            //         count1 = 0;
            //     }else {
            //         $('.hd1 > i').addClass('icon-19')
            //         count1 = 1;
            //     }
                    // }
   
 
       
       
     

 

                </script>
</body>
</html>